@charset "utf-8";  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ width:100%; }
body{ width:100%; font-size:14px;-webkit-text-size-adjust: none;color:#444; font-family:"microsoft yahei";}
a{color:#444;text-decoration:none; outline:none;}
a:hover {color:#f30; text-decoration:underline; }
.fl{ float:left !important; }
.fr{ float:right !important; }
.mab{ margin-bottom:10px; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.mt50{margin-top:50px;}

.w{ width:1200px; margin:0 auto;   }
.column{ overflow:hidden; margin-bottom:10px;  }
#topBar{ height:44px; line-height:44px;border-bottom:1px solid #ccc;overflow:hidden;} 
#topBar span{float:right;}
#topBar span a{margin-left:20px;}

.subject{overflow:hidden;margin:0 auto; text-align:center;}
.subject h3{font-size:34px;line-height:80px;}
.subject .line{background:url(../images/line.png) no-repeat center;height:17px;display:block;}
.subject p{font-size:16px;color:#666;line-height:60px;}

/* 导航 */
#header{}
.logoBar{ float:left;width:300px; margin:0 auto; padding:30px 0 0 0;  } 
.navBar{ float:right;width:880px;position:relative; z-index:1; height:100px; line-height:100px;   }
.nav{ width:820px; margin:0 auto;}
.nav .m{ float:left;margin:0 20px;  position:relative;}
.nav a:hover{ text-decoration:none; }
.nav h3{ float:left; font-weight:normal; font-size:16px; overflow:hidden;  }
.nav h3 a{ display:block; padding:0 10px;vertical-align:top; line-height:102px; }
.nav .on{ border-color:#1F7CAF;   }
.nav .on h3 a{line-height:97px;border-top:3px solid #eb1f38; color:#eb1f38;}
.nav .sub{ display:none; /*默认隐藏*/ width:120px; padding:5px 0;   position:absolute; left:-1px; top:102px; background:#ea1f37; text-align:center;  }
.nav .sub li{ vertical-align:middle; }
.nav .sub li a{ height:30px; line-height:30px;margin:5px; padding:0; display:block;color:#fff;}
.nav .sub li a:hover{ color:#eb1f38; background:#2595d1;} 

#header .ssearh{}
#header form{float:right;margin-top:30px;}
#header form .input{border:1px solid #ddd;padding:8px 15px;vertical-align:middle;border-right:0;color:#555;}
#header form .bnt{background:#eb1f38;border:1px solid #eb1f38;padding:8px 25px;vertical-align:middle;color:#fff;}
 
/* banner */
.banner{ min-width:1200px;  position:relative;  height:600px; overflow:hidden;  } 
.ibanner { position: relative;height:600px; overflow: hidden; }
.ibanner .pic{ position:relative; z-index:0; }
.ibanner .pic li{ width:100%; height:600px; display: block; }
.ibanner .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.ibanner .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;	}
.ibanner .hd .on{ background-position:0 0; }
.ibanner .prev,
.ibanner .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.ibanner .prev { left: 0; }
.ibanner .next { background-position: 0 -90px; right: 0; }
.ibanner .prev:hover,
.ibanner .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
 
/*第一屏*/
#t1{background:url(../images/bj.jpg) repeat;padding:40px 0;}
#t1 ul{margin:20px auto;overflow:hidden;}
#t1 ul li{float:left;width:300px; text-align:center;}
#t1 ul li .icon img{width:80px; display:inline-block;}
#t1 ul li h3{color:#fff;line-height:60px;font-size:18px;}

/*第二屏*/
/* -- 产品中心-- */
#t2{margin-top:100px;}
.products_wrap .hd ul li {float: left;width: 140px;height: 90px;margin-right: 10px;background:#fff;border:1px solid #d2d2d2;text-align: center;border-radius: 5px;cursor: pointer;transition: all 0.3s ease;box-sizing:border-box;margin-top:20px;}
.products_wrap .hd ul li.li8 {margin-right: 10px;}
.products_wrap .hd ul li:hover, .products_wrap .hd ul li.on, .products_wrap .hd ul li.cur {border-color: #38f;box-shadow:0 3px 18px #b2b2b2;}
.products_wrap .hd ul li .ico {width: 50px;height: 50px;margin: 9px auto 0px;}
.products_wrap .hd ul li .ico img{width:40px;height:40px;}
 
.products_wrap .hd ul li p {color: #333;font-size: 14px;transition: all 0.3s ease;}
.products_wrap .hd ul li:hover p, .products_wrap .hd ul li.on p, .products_wrap .hd ul li.cur p {color: #38f;}
.products_wrap .bd {margin-top: 30px;}
.products_wrap .bd ul:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.products_wrap .bd ul {margin-right: -10px;}
.products_wrap .bd ul li {float: left;width: 290px;margin:0px 10px 20px 0px;}
.products_wrap .bd ul li a {display: block;width: 100%;height: 100%;}
.products_wrap .bd ul li a .img {width: 100%;height: 218px;border:1px solid #dcdcdc;border-radius:5px;overflow: hidden;transition:all 0.3s ease;}
.products_wrap .bd ul li a .img img{display: block;width: 100%;height: 100%;}
.products_wrap .bd ul li:hover a .img {box-shadow:2px 3px 15px #b2b2b2;}
.products_wrap .bd ul li a .name {color: #333;font-size: 14px;text-align: center;margin-top: 10px;}
.products_wrap .bd ul li a:hover .name {color: #38f;}
.products_wrap a.more {display: block;width: 123px;height: 38px;line-height: 38px;text-align: center;border:1px solid #ccc;background: #fff;color: #666;margin:20px auto 0;border-radius:2px;transition: all 0.3s ease;}
.products_wrap a.more:hover {background: #38f;border-color: #38f;color: #fff;}
/* -- 产品中心 end-- */

/*关于我们*/
#t3{margin:50px 0;}
#t3 .w{position:relative;}
#t3 .subject{color:#fff;}
#t3 .con{height:500px;background:url(../images/aboutbg.jpg) no-repeat center #000;padding:50px 0;}
#t3 .about-txt{width:550px;color:#fff;font-size:18px;line-height:40px;}
#t3 .about-pic{ position:absolute;right:0;bottom:-200px;}
#t3 .about-pic img{width:550px;float:right;}
#t3 .about-pic .show .name{position: absolute;left: 0px;bottom:0px;width: 100%;height:100%;background: url(../images/tmbg.png);box-sizing:border-box;transition: all 0.3s ease;opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
#t3 .about-pic .show:hover .name{opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} 

#t3  a{ left:0;bottom:-200px;position:absolute;width:150px;height:40px;line-height:40px;background:#F00;color:#fff; text-align:center}
#t3 a i{float:right;width:30px;display:inline-block;height:40px;background:#000;color:#5a5a5a;font-size:18px;}

/*案例中心*/
#t4{margin-top:150px;}
/*案例展示*/
.cases_wrap {position: relative;}
.cases_wrap .bd {width: 1200px;height: 340px;overflow: hidden;}
.cases_wrap .bd ul li {width: 238px;height: 340px;float: left;margin-right: 3px;}
.cases_wrap .bd ul li a {display: block;width: 238px;height: 340px;position: relative;}
.cases_wrap .bd ul li a .img {display: block;width: 238px;height: 340px;overflow: hidden;}
.cases_wrap .bd ul li a .img img {display: block;height: 100%;width: auto;}
.cases_wrap .bd ul li a .bg {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background:#000;opacity: 0.6;filter:alpha(opacity=60);-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.cases_wrap .bd ul li a .con {position: absolute;left: 0px;top: 120px;width: 100%;text-align: center;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.cases_wrap .bd ul li a .con .ico {width: 50px;height: 50px;display: block;margin: 0 auto 10px;}
.cases_wrap .bd ul li a .con .ico img {width: 100%;height: 100%;}
.cases_wrap .bd ul li a .con .name {color: #fff;font-size: 16px;font-weight: bold;}
.cases_wrap .bd ul li a .con .line {width: 20px;height: 1px;background:#fff;margin:5px auto 0;}
.cases_wrap .bd ul li a:hover .bg {background: rgba(78, 76, 80, 0.58);opacity: 0.8;filter:alpha(opacity=80);}
.cases_wrap .bd ul li a:hover .con {top: 95px;}
.cases_wrap a.arrow {display: block;width: 45px;height: 46px;background:url(../images/icons.png) no-repeat;position: absolute;top: 50%;z-index: 9;margin-top: -23px;transition:all 0.3s ease;}
.cases_wrap a.arrow.prev {left:0px;background-position: 0px 0px;}
.cases_wrap a.arrow.next {right:0px;background-position: -45px 0px;}

/*新闻*/
#t5{margin-top:100px;background:#f0efef;overflow:hidden;padding:50px 0 100px 0;} 
.news_wrap .news_pic {margin-right: -25px;margin-top: 30px;}
.news_wrap .news_pic .row {float: left;width: 385px;margin-right: 23px;background: #fff;box-sizing:border-box;transition: all 0.3s ease;}
.news_wrap .news_pic .row:hover {box-shadow: 1px 3px 20px #c4c4c4;}
.news_wrap .news_pic .row .img {width: 385px;height: 289px;overflow: hidden;}
.news_wrap .news_pic .row .img a {display: block;width: 100%;height: 100%;position: relative;}
.news_wrap .news_pic .row .img a img {display: block;width: 100%;height: 100%;transition: all 1s ease;}
.news_wrap .news_pic .row:hover .img a img {transform:scale(1.1);}
.news_wrap .news_pic .row .img a .name {position: absolute;left: 0px;bottom:0px;width: 100%;height:289px;padding: 0 15px;background: url(../images/tmbg.png);box-sizing:border-box;transition: all 0.3s ease;opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.news_wrap .news_pic .row:hover .img a .name{opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} 
.news_wrap .news_pic .row .txt {padding:15px;}
.news_wrap .news_pic .row .txt h3{font-size: 16px;line-height: 46px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_wrap .news_pic .row .txt span{color: #666;display:block;}
.news_wrap .news_pic .row .txt p {color: #333;height:50px;overflow: hidden;text-overflow:ellipsis;
display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:25px;}
 
/*服务*/
#t6{margin-top:50px;}
.service_wrap  {overflow: hidden;padding:50px 0;}
.service_wrap ul {margin-right: -78px;background: url(../images/service_right.png) repeat-x left center;}
.service_wrap ul li {float: left;width: 135px;height: 135px;margin-right: 78px;border:1px solid #bfbfbf;border-radius:5px;overflow: hidden;transition: all 0.3s ease;box-sizing:border-box;}
.service_wrap ul li.li7 {margin-right: 0px;}
.service_wrap ul li:hover {border-color: #38f;box-shadow: 1px 3px 15px #ccc;}
.service_wrap ul li .pic {width: 70px;height: 60px;background:url(../images/pic-icons.png) no-repeat;margin:20px auto 15px;}
.service_wrap ul li.li1 .pic {background-position: 0px -280px;} 
.service_wrap ul li.li1 .pic {background-position: 0px -340px;} 
.service_wrap ul li.li2 .pic {background-position: -140px -340px;}
.service_wrap ul li.li3 .pic {background-position: -210px -340px;}
.service_wrap ul li.li4 .pic {background-position: -280px -340px;}
.service_wrap ul li.li5 .pic {background-position: -350px -340px;}
.service_wrap ul li.li6 .pic {background-position: -420px -340px;}
.service_wrap ul li h4 {display: block;text-align: center;color: #333;font-size: 16px;}
.service_wrap ul li:hover h4 {color: #38f;}

/*服务客户*/
#t7{margin-top:50px;background:#f0efef;overflow:hidden;padding:50px 0 100px 0;} 
#t7 ul{}
#t7 ul li{width:240px;float:left;margin-bottom:20px;}
#t7 ul li img{width:220px; display: inline-block;}

/*底部*/
#footer{background:#292c4b;padding:0;overflow:hidden;}
#footer .con{border-bottom:1px solid #3c4067;overflow:hidden;line-height:50px;}
#footer .fnav{float:left;}
#footer .fnav a{margin-right:30px;font-size:16px;color:#d9d9d9;}
#footer .flx{float:right;}
#footer .flx a{margin-left:10px;}
#footer .flx a b{font-size:20px;color:#d9d9d9;}
#footer .flx a:hover b{color:#eb1f38;}
#footer .fcen{padding:50px 0;overflow:hidden;clear:both;}

#footer .fcen .ftel{float:left;color:#fff;width:300px;height:150px;border-right:1px solid #ddd;}
#footer .fcen .ftel h3{width:120px;background:#F00;height:40px;line-height:40px;color:#fff;padding:0 20px;}
#footer .fcen .ftel h1{font-size:32px;margin-top:10px;}
#footer .fcen .fwz{float:left;color:#fff;width:400px;padding:0 150px;border-right:1px solid #ddd;height:150px;}
#footer .fcen .fwz h6{font-size:24px;color:#fff;padding-bottom:10px;}
#footer .fcen .fwz p{line-height:25px;}
#footer .fcen .fwx{float:right; text-align:center;line-height:30px;color:#d9d9d9}
#footer .fcen .fwx img{width:120px;}
#footer .copyright{text-align:center;line-height:80px;background:#000;color:#d9d9d9;}
#footer .copyright a{color:#d9d9d9;}

/*当前位置*/
.position{border-bottom:1px solid #999;line-height:50px;height:50px;overflow:hidden;}

/*内容*/
.content{padding:50px 0;overflow:hidden;}
.content p{line-height:25px;}

/*分类*/
.sonsort{margin:30px auto; text-align:center;}
.sonsort a{border:1px solid #ddd;padding:10px 20px;display:inline-block;font-size:16px;}
.sonsort a:hover{color:#ee0000;border:1px solid #ee0000;text-decoration:none}
.sonsort .on{color:#ee0000;border:1px solid #ee0000;text-decoration:none;font-weight:bold;}

/*分页*/
.fpages{text-align:center;margin:50px auto;overflow:hidden;}
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {position: relative;display:inline-block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #ee0000;background-color: #fff;
	border: 1px solid #ee0000;}
a.page-num:hover, .page-link:hover {text-decoration: none;}
.page-num-current {	z-index: 1;color: #fff;background-color: #ee0000;border-color: #ee0000;}
.page-num-current:hover {color: #fff;}

/*详情内容*/
.artshow{margin-bottom:40px;}
.artshow .title{text-align:center;}
.artshow .title h2{font-size:28px;line-height:50px;}
.artshow .title p{color:#999;padding:10px 0;}

/*产品轮播*/
#goods{ height:500px;}
#goods .left{width:600px;float:left;}
#goods .right{float:right;width:550px; position:relative;height:490px;} 
.view {
	width: 600px; 
}
.view .swiper-slide {
	height:400px;
	width: 600px;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {
	height: 100%;
	width:100%;
	display:block;
}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.preview {
	position: relative;
	width: 540px;
	margin-top:20px;
	left:3%;
}
.preview .swiper-slide {
	width: 87.5px;
	height: 70px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%;
}
.preview .active-nav {
	border: 1px solid #F00;
}
.preview .arrow-left {
	background: #fff url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.preview .arrow-right {
	background: #fff url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.right .btn{position:absolute;bottom:10px;height:40px;width:100px;}
.right .btn a{background:#3388ff;color:#fff; text-align:center;font-size:16px;display:block;line-height:40px;width:100px; text-align:center;}

.hading{width: 100%;height: 60px;line-height: 60px;text-align: center;background:#ebebeb;color: #333;font-size: 24px;}
.pro_footer {width: 100%;}
.pro_footer .hd {width: 100%;height: 60px;background: #ebebeb;text-align: center;}
.pro_footer .hd ul li {display: inline-block;width: 80px;line-height: 60px;color:#333;font-size: 18px;margin:0 60px;cursor: pointer;}
.pro_footer .hd ul li.on {line-height: 58px;border-bottom: 2px solid #38f;}
.pro_footer .bd {padding: 50px 0px;min-height: 300px;}
.pro_footer .bd .row p {color: #333;font-size: 15px;line-height: 1.8;}
.pro_footer .bd .row p strong {color: #38f;}
.pro_footer .bd .row .mess ul {width: 740px;margin: 0 auto;font-size: 0px;}
.pro_footer .bd .row .mess ul li {display: inline-block;width: 50%;font-size: 16px;min-height: 36px;margin-bottom: 30px;}
.pro_footer .bd .row .mess ul li label {width: 90px;display: block;float: left;line-height: 36px;}
.pro_footer .bd .row .mess ul li span {display: block;float: left;width: 220px;margin-right: 10px;}
.pro_footer .bd .row .mess ul li span input {width: 200px;height: 24px;line-height: 24px;padding:5px 10px;border:1px solid #ccc;}
.pro_footer .bd .row .mess ul li span input:focus {border-color:#38f;}
.pro_footer .bd .row .mess ul li font {color: #38f;}
.pro_footer .bd .row .mess ul li textarea {border:1px solid #ccc;width: 570px;height: 100px;padding: 10px;outline: none;}
.pro_footer .bd .row .mess ul li textarea:focus {border-color:#38f;}
.pro_footer .bd .row .mess ul li .btn {display: block;width: 150px;height: 48px;line-height: 48px;background: #38f;margin:0 auto;cursor: pointer;color: #fff;font-size: 16px;border-radius:5px;cursor: pointer;}
.pro_footer .bd .row .mess ul li .btn:hover {background: #38f;}

.tfoot{width: 100%;background: #f6f6f6;padding: 40px 0px;overflow:hidden;}
.tfoot ul{margin:0;padding:0;width:1200px;margin:0 auto;}
.tfoot ul li{float:left; width:300px; text-align:center;}
.tfoot ul li .icon{}
.tfoot ul li h3{font-size:16px;line-height:30px;}
.tfoot ul li p{font-size:14px;}